﻿$(document).ready(function () {
    var bool = 1;
    var arraytest = new Array();/* Mảng đánh dấu vị trí được chọn của Menu */
    arraytest[0] = 0;
    arraytest[1] = 1;
    arraytest[2] = 1;
    arraytest[3] = 1;
    arraytest[4] = 1;

    var state_page;  // Biến lưu giữ vị trí trạng thái của trang
    var code; // Biến lưu giữ vị trí chi tiết sản phẩm

    /* Hàm xử lí */

    function show_list_hot_product() {
        $('#Content_About').stop().fadeOut(50, function () {
            $('#List_New_Product').stop().fadeOut(50, function () {
                $('#Login').stop().fadeOut(50, function () {
                    $('#Register').stop().fadeOut(50, function () {
                        $('#Details_product').stop().fadeOut(50, function () {
                            $('#Cart_content').stop().fadeOut(50, function () {
                                $('#List_Hot_Product').stop().fadeIn();
                            });
                        });
                    });
                });
            });
        });
    }

    function set_html_product(products) {
        /* Gán giá trị html vào sản phẩm*/
        $.each(products, function (index, product) {
            $('#List_Hot_Product').append('<div class="product"><div id="info_more"><div id="masp">' + product.Masp
                + '</div><div id="loai">' + product.Tenloai + '</div><div id="chatlieu">' + product.Tencl
                + '</div><div id="nhacc">' + product.Tenncc + '</div><div id="soluotxem">' + product.Solanxem
                + '</div><div id="ngaycapnhat">' + product.Ngaycapnhat + '</div></div> <a> <div class="img_product"><div class="description"><p>' + product.Mota
                + '</p></div><img id="img_hinhsp" Class="image_product" src="../Resource/ImageProducts/' + product.Tenloai + '' + '/' + '' + product.Hinhsp
                + ' "></img> </div> <div class="describe"> <div class="Name_cost"> <div class="name">' + product.Tensp
                + ' </div> <div class="cost">' + product.Dongia + '</div> </div> <input type="button" id="btn_muahang" class="button_mua" value="Mua"></button></div> </a> </div>');
            hieuung_sanpham();
        });
    }

    function set_html_product_associat(products) {
        /* Gán giá trị html vào sản phẩm liên quan và sản phẩm hot trong details*/
        $('.slite_product_same .fram_list').empty();
        $.each(products, function (index, product) {
            $('.slite_product_same .fram_list').append('<div class="product_item"><div id="info_more"><div id="masp">' + product.Masp
                + '</div><div id="loai">' + product.Tenloai + '</div><div id="chatlieu">' + product.Tencl
                + '</div><div id="nhacc">' + product.Tenncc + '</div><div id="soluotxem">' + product.Solanxem
                + '</div><div id="ngaycapnhat">' + product.Ngaycapnhat + '</div><div class="description">' + product.Mota + '</div></div><img alt="" src="../Resource/ImageProducts/' + product.Tenloai + '/' + product.Hinhsp
                + '"/><div><span class="name">' + product.Tensp + '</span><br /><span class="cost">' + product.Dongia + ' </span><span>đ</span><br /><input class="button_mua" type="button" value="Mua"/></div></div>');
        });
    }

    function set_html_product_associat_hot(products) {
        /* Gán giá trị html vào sản phẩm liên quan và sản phẩm hot trong details*/
        $('.slite_product_hot .fram_list').empty();
        $.each(products, function (index, product) {
            $('.slite_product_hot .fram_list').append('<div class="product_item"><div id="info_more"><div id="masp">' + product.Masp
                + '</div><div id="loai">' + product.Tenloai + '</div><div id="chatlieu">' + product.Tencl
                + '</div><div id="nhacc">' + product.Tenncc + '</div><div id="soluotxem">' + product.Solanxem
                + '</div><div id="ngaycapnhat">' + product.Ngaycapnhat + '</div><div class="description">' + product.Mota + '</div></div><img alt="" src="../Resource/ImageProducts/' + product.Tenloai + '/' + product.Hinhsp
                + '"/><div><span class="name">' + product.Tensp + '</span><br /><span class="cost">' + product.Dongia + ' </span><span>đ</span><br /><input class="button_mua" type="button" value="Mua"/></div></div>');
        });
    }

    function set_value_product_item(id_product, name_product, img_product, type_product, description_product, material_product, provider_product, views_product, date_product, cost_product) {
        $('#Name_product .id').html(id_product);
        $('#Name_product .name').html(name_product);
        $('#Details_product .img_details').html('<img id="img_hinhsp" width="400" height="350" alt="No Image" src="' + img_product + '" />');
        $('#text_description').html(description_product);
        $('#text_type').html(type_product);
        $('#text_material').html(material_product);
        $('#text_provider').html(provider_product);
        $('#text_cost').html(cost_product);
        $('#text_views').html(views_product);
        $('#text_date').html(date_product);

        get_title("Details");
        get_product_same("Product_Same", type_product, material_product, provider_product);
        get_hotproduct("List_Hot_Product", 1,"ASC");

        $('#Content_About').stop().fadeOut(50, function () {
            $('#List_Hot_Product').stop().fadeOut(50, function () {
                $('#Login').stop().fadeOut(50, function () {
                    $('#Register').stop().fadeOut(50, function () {
                        $('#List_New_Product').stop().fadeOut(function () {
                            $('#Details_product').stop().slideDown();
                        });
                    });
                });
            });
        });
    }

    function update_view(id) {
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Update_Views",
            cache: false,
            data: '{masp:'+id+'}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    function set_html_details() {
        /* Gán giá trị của product cho details product*/
        $('.description').click(function () {
            var parent = $(this).parents('.product');
            var id_product = parent.find('#masp').html();
            var name_product = parent.find('.name').html();
            var img_product = parent.find('.image_product').attr('src');
            var type_product = parent.find('#loai').html();
            var description_product = parent.find('.description').html();
            var material_product = parent.find('#chatlieu').html();
            var provider_product = parent.find('#nhacc').html();
            var views_product = parent.find('#soluotxem').html();
            var date_product = parent.find('#ngaycapnhat').html();
            var cost_product = parent.find('.cost').html();
            state_page = "detail";
            code = id_product;
            Load_Comment(id_product);
            update_view(id_product);
            set_value_product_item(id_product, name_product, img_product, type_product, description_product, material_product, provider_product, views_product, date_product, cost_product);
            $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        });
        $('.product_item img').click(function () {
            var parent = $(this).parents('.product_item');
            var id_product = parent.find('#masp').html();
            var name_product = parent.find('.name').html();
            var img_product = parent.find('img').attr('src');
            var type_product = parent.find('#loai').html();
            var description_product = parent.find('.description').html();
            var material_product = parent.find('#chatlieu').html();
            var provider_product = parent.find('#nhacc').html();
            var views_product = parent.find('#soluotxem').html();
            var date_product = parent.find('#ngaycapnhat').html();
            var cost_product = parent.find('.cost').html();
            Load_Comment(id_product);
            state_page = "detail";
            code = id_product;
            update_view(id_product);
            set_value_product_item(id_product, name_product, img_product, type_product, description_product, material_product, provider_product, views_product, date_product, cost_product);
            $('html,body').stop().animate({ scrollTop: 300 }, '500', 'swing');
        });
    }

    function get_title(title) {
        $('#Content_Operate .title_text').stop().animate({ "marginLeft": '-210px' }, function () {
            $('#Content_Operate .title_text').html(title).stop().animate({ "marginLeft": '10px' });
        });
        $('#Content_Operate .arrange').stop().animate({ "marginLeft": "800px" }, function () {
            $('#Content_Operate .arrange').stop().animate({ "marginLeft": "590px" });
        });
    }

    function hieuung_sanpham() {
        /* Xử lí hiệu ứng khi hover vào 1 sản phẩm */
        $('.product').hover(function () {
            $(this).find(".description").stop().animate({ "marginTop": "0px" });
        }, function () {
            $(this).find(".description").stop().animate({ "marginTop": "-210px" });
        });
    }

    function get_hotproduct(parameter, b,arrange) {
        /* Lấy dữ liệu theo tham số truyền vào */
        $.ajax({
            type: "POST",
            url: "WebService.asmx/" + parameter,
            data: '{arrange:"' + arrange + '"}',
            cache: false,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var products = response.d;
                if (b == 0) {
                    set_html_product(products);
                }
                else {
                    set_html_product_associat_hot(products);
                }
                Xuligiohang();
                set_html_details();
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    function get_categori(parameter, dulieu,arrange) {
        /* Lấy dữ liệu theo tham số truyền vào */
        $.ajax({
            type: "POST",
            url: "WebService.asmx/" + parameter,
            data: "{ tenloai:'" + dulieu + "',arrange:'" + arrange + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: false,
            success: function (response) {
                var products = response.d;
                set_html_product(products);
                set_html_details();
                Xuligiohang();               
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    function search_expressproduct(parameter, tensp, loai, cl, ncc) {
        /* Tìm kiếm sản phẩm nâng cao*/
        $.ajax({
            type: "POST",
            url: "WebService.asmx/" + parameter,
            data: "{ ten:'" + tensp + "',loai:'" + loai + "',cl:'" + cl + "',ncc:'" + ncc + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var products = response.d;
                if (products != "") {
                    set_html_product(products);
                    show_list_hot_product();
                    set_html_details();
                    Xuligiohang();
                }
                else {
                    $('#Box_notice').stop().slideDown(500, function () {
                        $(this).delay(2000).slideUp();
                    });
                    $('#Box_notice').html('Không có sản phẩm được tìm thấy!');
                }
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    function get_product_same(parameter, loai, cl, ncc) {
        /* Lấy sản phẩm có cùng loại, chất liệu, nhà cung cấp*/
        $.ajax({
            type: "POST",
            url: "WebService.asmx/" + parameter,
            data: "{ loai:'" + loai + "',cl:'" + cl + "',ncc:'" + ncc + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var products = response.d;
                set_html_product_associat(products);
                set_html_details();
                Xuligiohang();
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    function xuli_home() {
        /* Xử lí tất cả các hiệu ứng khi click vào nút home */
        state_page = "home";
        if (bool == 0) {
            $('#Function .form_express').stop().fadeOut();
            $('#Function .search_express').stop().animate({ "marginTop": '160px' }, 400, function () {
                if (arraytest[0] == 0) {
                    $('#Function .title_function img:nth-child(1)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();

                    $('#Function .slogan_text .product-genre').fadeOut(0, function () {
                        $('#Function .slogan_text .contact').fadeOut(0, function () {
                            $('#Function .slogan_text .account').fadeOut(0, function () {
                                $('#Function .slogan_text .slogan').fadeIn();
                            });
                        });
                    });
                }
            });
            $('#Function .button_search_express img').animate({ borderSpacing: 0 }, {
                step: function (now, fx) {
                    $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                    $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                    $(this).css('transform', 'rotate(' + now + 'deg)');
                },
                duration: '400'
            }, 'linear');
            bool = 1;
        }
        else {
            $('#Function .form_express').stop().fadeIn();
            $('#Function .title_function img').stop().animate({ "marginLeft": '0px' }, 200, function () {
                $('#Function #Img_slogan').stop().animate({ "marginLeft": '150px' }, 200);
            });
            $('#Function .slogan_text .account').fadeOut(0, function () {
                $('#Function .slogan_text .contact').fadeOut(0, function () {
                    $('#Function .slogan_text .product-genre').fadeOut(200, function () {
                        $('#Function .slogan_text .slogan').fadeIn();
                    });
                });
            });
        }
        $('#Content_About').stop().fadeOut(50, function () {
            $('#List_Hot_Product').stop().fadeOut(50, function () {
                $('#Login').stop().fadeOut(50, function () {
                    $('#Register').stop().fadeOut(50, function () {
                        $('#Details_product').stop().fadeOut(50, function () {
                            $('#Cart_content').stop().fadeOut(50, function () {
                                $('#List_New_Product').stop().fadeIn();
                            });
                        });
                    });
                });
            });
        });
        get_title("NEW PRODUCT");
        arraytest[0] = 0;
        arraytest[1] = 1;
        arraytest[2] = 1;
        arraytest[3] = 1;
        arraytest[4] = 1;
        $(".arrange, .menu_type").slideUp();
    }

    function xuli_product() {
        /* Xử lí tất cả các hiệu ứng khi click vào nút product */
        index_page = 1;
        state_page = "product";
        $('#List_Hot_Product').empty();
        $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        if (bool == 0) {
            $('#Function .form_express').stop().fadeOut();
            $('#Function .search_express').stop().animate({ "marginTop": '160px' }, 400, function () {
                if (arraytest[1] == 0) {
                    $('#Function .title_function img:nth-child(1)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();

                    $('#Function .slogan_text .slogan').fadeOut(0, function () {
                        $('#Function .slogan_text .contact').fadeOut(0, function () {
                            $('#Function .slogan_text .account').fadeOut(0, function () {
                                $('#Function .slogan_text .product-genre').fadeIn();
                            });
                        });
                    });
                }
            });
            $('#Function .button_search_express img').animate({ borderSpacing: 0 }, {
                step: function (now, fx) {
                    $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                    $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                    $(this).css('transform', 'rotate(' + now + 'deg)');
                },
                duration: '400'
            }, 'linear');
            bool = 1;
        }
        $('#Function .title_function img').stop().animate({ "marginLeft": '0px' }, 200, function () {
            $('#Function #Img_category').stop().animate({ "marginLeft": '150px' }, 200);
        });
        $('#Function .slogan_text .account').fadeOut(0, function () {
            $('#Function .slogan_text .contact').fadeOut(0, function () {
                $('#Function .slogan_text .slogan').fadeOut(200, function () {
                    $('#Function .slogan_text .product-genre').fadeIn();
                });
            });
        });
        get_title("HOT PRODUCT");
        arraytest[0] = 1;
        arraytest[1] = 0;
        arraytest[2] = 1;
        arraytest[3] = 1;
        arraytest[4] = 1;
        
        show_list_hot_product();
        if ($('#txt_arrange').val() == "Tăng Dần") {
            PhanTrang("ASC");
            get_hotproduct("List_Hot_Product", 0, "ASC");
        }
        else {
            PhanTrang("DESC");
            get_hotproduct("List_Hot_Product", 0, "DESC");
        }
        $(".arrange, .menu_type").slideDown();
    }

    function xuli_about() {
        /* Xử lí tất cả các hiệu ứng khi click vào nút About */
        state_page = "about";

        $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        $('#List_New_Product').stop().fadeOut(50, function () {
            $('#List_Hot_Product').stop().fadeOut(50, function () {
                $('#Login').stop().fadeOut(50, function () {
                    $('#Register').stop().fadeOut(50, function () {
                        $('#Details_product').fadeOut(50, function () {
                            $('#Cart_content').stop().fadeOut(50, function () {
                                $('#Content_About').stop().slideDown();
                            });                            
                        });
                    });
                });
            });
        });
        $('#Content_Operate .title_text').empty();
        get_title("ABOUT US");
        arraytest[0] = 1;
        arraytest[1] = 1;
        arraytest[2] = 0;
        arraytest[3] = 1;
        arraytest[4] = 1;
        $(".arrange, .menu_type").slideUp();
    }

    function xuli_contact() {
        /* Xử lí tất cả các hiệu ứng khi click vào nút Contect */

        state_page = "contract";

        if (bool == 0) {
            $('#Function .form_express').stop().fadeOut();
            $('#Function .search_express').stop().animate({ "marginTop": '160px' }, 400, function () {
                if (arraytest[3] == 0) {
                    $('#Function .title_function img:nth-child(1)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();

                    $('#Function .slogan_text .slogan').fadeOut(0, function () {
                        $('#Function .slogan_text .product-genre').fadeOut(0, function () {
                            $('#Function .slogan_text .account').fadeOut(0, function () {
                                $('#Function .slogan_text .contact').fadeIn();
                            });
                        });
                    });
                }
            });
            $('#Function .button_search_express img').animate({ borderSpacing: 0 }, {
                step: function (now, fx) {
                    $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                    $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                    $(this).css('transform', 'rotate(' + now + 'deg)');
                },
                duration: '400'
            }, 'linear');
            bool = 1;
        }
        $('#Function .title_function img').stop().animate({ "marginLeft": '0px' }, 200, function () {
            $('#Function #Img_contact').stop().animate({ "marginLeft": '150px' }, 200);
        });
        $('#Function .slogan_text .account').fadeOut(0, function () {
            $('#Function .slogan_text .product-genre').fadeOut(0, function () {
                $('#Function .slogan_text .slogan').fadeOut(200, function () {
                    $('#Function .slogan_text .contact').fadeIn();
                });
            });
        });

        arraytest[0] = 1;
        arraytest[1] = 1;
        arraytest[2] = 1;
        arraytest[3] = 0;
        arraytest[4] = 1;
        $(".arrange, .menu_type").slideUp();
    }

    function xuli_login() {
        /* Xử lí tất cả các hiệu ứng khi click vào nút login */
        if (bool == 0) {
            $('#Function .form_express').stop().fadeOut();
            $('#Function .search_express').stop().animate({ "marginTop": '160px' }, 400, function () {
                if (arraytest[4] == 0) {
                    $('#Function .title_function img:nth-child(1)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();

                    $('#Function .slogan_text .slogan').fadeOut(0, function () {
                        $('#Function .slogan_text .product-genre').fadeOut(0, function () {
                            $('#Function .slogan_text .contact').fadeOut(0, function () {
                                $('#Function .slogan_text .account').fadeIn();
                            });
                        });
                    });
                }
            });
            $('#Function .button_search_express img').animate({ borderSpacing: 0 }, {
                step: function (now, fx) {
                    $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                    $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                    $(this).css('transform', 'rotate(' + now + 'deg)');
                },
                duration: '400'
            }, 'linear');
            bool = 1;
        }
        $('#Function .title_function img').stop().animate({ "marginLeft": '0px' }, 200, function () {
            $('#Function #Img_login').stop().animate({ "marginLeft": '150px' }, 200);
        });
        $('#Function .slogan_text .slogan').fadeOut(0, function () {
            $('#Function .slogan_text .contact').fadeOut(0, function () {
                $('#Function .slogan_text .product-genre').fadeOut(200, function () {
                    $('#Function .slogan_text .account').fadeIn();
                });
            });
        });
        arraytest[0] = 1;
        arraytest[1] = 1;
        arraytest[2] = 1;
        arraytest[3] = 1;
        arraytest[4] = 0;
        $(".arrange, .menu_type").slideUp();
    }

    function getproduct_categori(tenloai) {
        /*Hiệu ứng hiển thị sản phẩm khi chọn categori*/
        state_page = "type";
        code = tenloai;
        get_title(tenloai);
        $('#List_Hot_Product').empty();
        show_list_hot_product();
        if ($('#txt_arrange').val() == "Tăng Dần") {
            PhanTrang("ASC");
            get_categori("List_product_categori", tenloai, "ASC");
        }
        else {
            PhanTrang("DESC");
            get_categori("List_product_categori", tenloai, "DESC");
        }
        $(".arrange, .menu_type").slideDown();
    }
    /* Kết thúc Hàm xử lí */

    /* Hiệu ứng phần Header*/
    $('#Function #Img_slogan').stop().animate({ "marginLeft": '150px' }, 200);
    $('#List .Child_home').click(function () {
        xuli_home();
    });

    $('#List li:nth-child(2)').click(function () {
        $('#List_Hot_Product').empty();
        xuli_product();
    });

    $('#List li:nth-child(3)').click(function () {
        xuli_about();
    });

    $('#List li:nth-child(4)').click(function () {
        xuli_contact();
    });

    $('#List li:nth-child(5)').click(function () {
        xuli_login();
    });

    $('#Function .search_express .button_search_express').click(function () {
        if (bool == 1) {
            $('#Function .form_express').stop().fadeIn();
            $('#Function .title_function img').stop().animate({ "marginLeft": '0px' }, 200);
            $('#Function .slogan_text').stop().fadeOut(200, function () {
                $('#Function .search_express').stop().animate({ "marginTop": '0px' }, 400);                
                $('#Function .button_search_express img').animate({ borderSpacing: 180 }, {
                    step: function (now, fx) {
                        $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                        $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                        $(this).css('transform', 'rotate(' + now + 'deg)');
                    },
                    duration: '400'
                }, 'linear');
            });
            bool = 0;
        }
        else {
            $('#Function .form_express').stop().fadeOut();
            $('#Function .search_express').stop().animate({ "marginTop": '160px' }, 400, function () {
                if (arraytest[0] == 0) {
                    $('#Function .title_function img:nth-child(1)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();
                }
                if (arraytest[1] == 0) {
                    $('#Function .title_function img:nth-child(2)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();
                }
                if (arraytest[3] == 0) {
                    $('#Function .title_function img:nth-child(3)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();
                }
                if (arraytest[4] == 0) {
                    $('#Function .title_function img:nth-child(4)').stop().animate({ "marginLeft": '150px' }, 200);
                    $('#Function .slogan_text').fadeIn();
                }
            });
            $('#Function .button_search_express img').animate({ borderSpacing: 0 }, {
                step: function (now, fx) {
                    $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                    $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                    $(this).css('transform', 'rotate(' + now + 'deg)');
                },
                duration: '400'
            }, 'linear');
        
            bool = 1;
        }
    });

    $('#Ver_Menu div:nth-child(1)').click(function () {
        $('html,body').stop().animate({ scrollTop: 0 }, '600', 'swing');
        xuli_home();
    });

    $('#Ver_Menu div:nth-child(2)').click(function () {
        xuli_product();
    });

    $('#Ver_Menu div:nth-child(3)').click(function () {
        $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        xuli_about();
    });

    $('#Ver_Menu div:nth-child(4)').click(function () {
        $('html,body').stop().animate({ scrollTop: 0 }, '600', 'swing');
        xuli_contact();
    });

    $('#Ver_Menu div:nth-child(5)').click(function () {
        $('html,body').stop().animate({ scrollTop: 0 }, '600', 'swing');
        xuli_login();
    });

    $('#btn_search_express').on("submit click", function () {
        $('#form1').submit(function (e) {
            e.preventDefault();
        });
        var tensp = $('#txt_ten').val();
        var loai = $('#txt_loai').val();
        var ncc = $('#txt_ncc').val();
        var cl = $('#txt_cl').val();
        search_expressproduct("Search_Express", tensp, loai, cl, ncc);
        $('#List_Hot_Product').empty();
        
    });

    $('#hyl_login').click(function () {
        $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        get_title("LOGIN");
        $('#Content_About').stop().fadeOut(50, function () {
            $('#List_Hot_Product').stop().fadeOut(50, function () {
                $('#List_New_Product').stop().fadeOut(50, function () {
                    $('#Register').stop().fadeOut(50, function () {
                        $('#Details_product').fadeOut(50, function () {
                            $('#Cart_content').stop().fadeOut(50, function () {
                                $('#Login').stop().slideDown();
                            });                            
                        });
                    });
                });
            });
        });
    });

    // Hiển thị trang đăng kí
    function view_register() {
        $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        get_title("REGISTER");
        $('#Content_About').stop().fadeOut(50, function () {
            $('#List_Hot_Product').stop().fadeOut(50, function () {
                $('#List_New_Product').stop().fadeOut(50, function () {
                    $('#Login').stop().fadeOut(50, function () {
                        $('#Details_product').fadeOut(50, function () {
                            $('#Cart_content').stop().fadeOut(50, function () {
                                $('#Register').stop().slideDown();
                            });
                        });
                    });
                });
            });
        });
    }

    $('#hyl_register').click(function () {       
        view_register();
    });
    /* Kết thúc hiệu ứng phần Header*/

    /* Hiệu ứng cho sản phẩm*/
    hieuung_sanpham();

    set_html_details();
    /* Kết thúc hiệu ứng cho sản phẩm*/

    /* Hiệu ứng Column left and Column right*/
    $('#Scroll_Top').click(function () {
        $('html,body').stop().animate({ scrollTop: 0 }, '500', 'linear');
    });
    function effect_col_left_right() {
        $(window).scroll(function () {
            /* Xử lí tất cả các hiệu ứng khi scroll */
            var $top = $(window).scrollTop();
            if ($top > 100) {
                $('#Cart_and_User').stop().animate({ "marginTop": "-100px" }, 200, function () {
                    $('#Associate').stop().animate({ "marginTop": "100px" }, 200);
                });
                $('#Scroll_Top').fadeIn(500);
                
            }
            else {
                $('#Cart_and_User').stop().animate({ "marginTop": "0px" }, 200, function () {
                    $('#Associate').stop().animate({ "marginTop": "200px" }, 200);
                });
                $('#Scroll_Top').fadeOut(500);
            }
            if ($top > 200) {
                $('#Ver_Menu .Item_menu:nth-child(1)').stop().animate({ "marginLeft": "110px" }, 150, function () {
                    $('#Ver_Menu .Item_menu:nth-child(2)').stop().animate({ "marginLeft": "110px" }, 150, function () {
                        $('#Ver_Menu .Item_menu:nth-child(3)').stop().animate({ "marginLeft": "110px" }, 150, function () {
                            $('#Ver_Menu .Item_menu:nth-child(4)').stop().animate({ "marginLeft": "110px" }, 150, function () {
                                $('#Ver_Menu .Item_menu:nth-child(5)').stop().animate({ "marginLeft": "110px" }, 150, function () {

                                });
                            });
                        });
                    });
                });

            }
            else if ($top <= 200) {
                $('#Ver_Menu .Item_menu:nth-child(5)').stop().animate({ "marginLeft": "-110px" }, 150, function () {
                    $('#Ver_Menu .Item_menu:nth-child(4)').stop().animate({ "marginLeft": "-110px" }, 150, function () {
                        $('#Ver_Menu .Item_menu:nth-child(3)').stop().animate({ "marginLeft": "-110px" }, 150, function () {
                            $('#Ver_Menu .Item_menu:nth-child(2)').stop().animate({ "marginLeft": "-110px" }, 150, function () {
                                $('#Ver_Menu .Item_menu:nth-child(1)').stop().animate({ "marginLeft": "-110px" }, 150, function () {

                                });
                            });
                        });
                    });
                });
            }

        });
    }
    effect_col_left_right();
    /* Kết thúc Hiệu ứng Column left and Column right*/

    /* Categori click*/
    $('#Categori .List_categori ul li').click(function () {
        $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        var tenloai = $(this).find('a').html();
        getproduct_categori(tenloai);
    });
    /* End Categori click*/

    /* Hiệu ứng slite product trong phần chi tiết product*/
    $('.button_preview').click(function () {
        var parent = $(this).parent();
        var first_item = parent.find('.fram_list .product_item:nth-child(1)');
        
        $(first_item).stop().animate({ "marginLeft": "-230px" }, function () {
            $(parent).find('.fram_list').append(first_item);
            $(first_item).css({ "marginLeft": "0px" });
        });
    });
    $('.button_next').click(function () {
        var first_item = $(this).parent().find('.fram_list .product_item:nth-child(1)');
        var last_child = $(this).parent().find('.fram_list>div:last');
        var parent = $(this).parent();
        $(first_item).stop().animate({ "marginLeft": "230" }, function () {
            $(parent).find('.fram_list').prepend(last_child);
            $(first_item).css({ "marginLeft": "0px" });
        })

    });
    /* End Hiệu ứng slite product trong phần chi tiết product*/

    /* Giỏ Hàng */

    function tinhtongtien() {
        var tongtien = 0;
        $('#bag_cart .table_cart .tr_cart').each(function () {
            var cost = $(this).find('.cost').html();
            var num = $(this).find('.count_product').html();
            tongtien = tongtien + (cost * num);
        });
        $('#Cart .total_money .total_num').html(tongtien);
        $('#Cart_content .all_money').html(tongtien);
    }
    var check_id_product = false; // kiểm tra tồn tại của sản phẩm trong giỏ hàng
    function append(id, src_img, name, cost) {
        /* Gán thông tin xem thử lên giỏ hàng */
        var vt_mall; // Vị trí sản phẩm đã tồn tại trong giỏ hàng nhỏ
        var vt_big; // Vị trí sản phẩm đã tồn tại trong giỏ hàng lớn 
        var sosanpham;
        $('#bag_cart .table_cart .tr_cart').each(function () {
            if (id == $(this).find('.id').html()) {
                check_id_product = true;
                vt_mall = $(this);
            }
        });
        $('#Cart_content .tab_your_cart .row_yourcart').each(function () {
            if (id == $(this).find('.col_yourcart:nth-child(1)').html()) {
                check_id_product = true;
                vt_big = $(this);
            }
        });
        if (check_id_product == true) {
            sosanpham = vt_mall.find('.count_product').html();
            sosanpham++;
            vt_mall.find('.count_product').html(sosanpham);
            vt_big.find('.txt_soluong').val(sosanpham);
            check_id_product = false;
            $('#bag_cart').slideDown(function () {
                $('#bag_cart').delay(2000).slideUp();
            });           
        }
        else {
            //gán html cho giỏ hàng nhỏ
            $('#bag_cart .table_cart ').append('<div class="tr_cart"><div class="td_cart"><div class="id">' + id + '</div><img alt="" src="' + src_img
                + '" /></div><div class="td_cart"><div>' + name + '</div><div><span class="cost">' + cost
                + '</span><span>đ</span><span>X</span><span class="count_product">1</span></div></div></div>');
            //gán html cho trang giỏ hàng
            $('#Cart_content .tab_your_cart').append('<div class="row_yourcart"><div class="col_yourcart">' + id
                + '</div><div class="col_yourcart">' + name + '</div><div class="col_yourcart"><input type="text" class="txt_soluong" readonly value="1"/></div><div class="col_yourcart">' + cost
                + '</div><div class="col_yourcart">Sửa</div><div class="col_yourcart">Xoá</div></div>');
        }

        
        tinhtongtien();
    }

    var count = 0; // Số lượng sản phẩm trong giỏ hàng.

    //Xử lí nut sửa trong giỏ hàng
    var sl_old ;
    function Xuli_btnSua() {
        $('#Cart_content .tab_your_cart .row_yourcart .col_yourcart:nth-child(5)').unbind().click(function () {
            var btn_sua = $(this);//lưu lại nút sửa hiện tại
            var state_edit = $(this).html();//nội dung nút sửa
            var parent = $(this).parent('.row_yourcart');
            var txt_sl = parent.find('.txt_soluong');
           
            var sl_new;//lưu lại số lượng vừa được cập nhật
            var id_bigcart = $(this).parent().find('.col_yourcart:nth-child(1)').html();// lưu lại id tại dòng được chỉnh sửa
            var vt_mall;//vị trí id ở giỏ hàng nhỏ
            $('#bag_cart .table_cart .tr_cart').each(function () {
                if (id_bigcart == $(this).find('.id').html()) {
                    vt_mall = $(this);
                }
            });
            if (state_edit == "Sửa") {
                btn_sua.html("Cập Nhật");
                txt_sl.removeAttr("readonly");
                sl_old = txt_sl.val();
                txt_sl.attr('autofocus', 'autofocus');
            }
            else {
                btn_sua.html("Sửa");
                txt_sl.attr('readonly', 'true')
                sl_new = txt_sl.val();
                vt_mall.find('.count_product').html(sl_new);
                $('#bag_cart').unbind().stop().slideDown(function () {
                    $('#bag_cart').delay(2000).slideUp();
                });
                tinhtongtien();
                count=count+(sl_new-sl_old);
                $('#lb_total').html(count);
                $.ajax({
                    type: "POST",
                    url: "WebService.asmx/Edit_Cart",
                    data: "{id:'" + id_bigcart + "',sl:'" + sl_new + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        var data = response.d;
                        //alert(data);
                    },
                    failure: function (msg) {
                        alert(msg);
                    }
                });
            }
        });
    }

    //Xử lí nút xoá trong giỏ hàng
    function Xuli_btnXoa() {
        
        $('#Cart_content .tab_your_cart .row_yourcart .col_yourcart:nth-child(6)').unbind().click(function () {
            var dem = $('#Cart_and_User #lb_total').html();
            var btn_xoa = $(this);
            var parent = btn_xoa.parent('.row_yourcart');
            var soluong_ht = parent.find('.txt_soluong').val();//sô lượng sản phẩm tại vị trí xoá
            var id = parent.find('.col_yourcart:nth-child(1)').html();
            var vt_mall;//vị trí id ở giỏ hàng nhỏ
            var tt = $('.all_money').html(); // lấy giá trị tổng số tiền trong giỏ hàng
            var money_delete = soluong_ht * parent.find('.col_yourcart:nth-child(4)').html(); // số tiền bị xoá đi
            $('#bag_cart .table_cart .tr_cart').each(function () {
                if (id == $(this).find('.id').html()) {
                    vt_mall = $(this);
                }
            });
            parent.slideUp(function () {
                    parent.remove();
            });
            vt_mall.slideUp(function () {
                vt_mall.remove();
            });            
            dem = dem - soluong_ht;
            count = dem;
            $('#lb_total').html(dem);
            tt = tt - money_delete;
            $('#Cart .total_money .total_num').html(tt);
            $('#Cart_content .all_money').html(tt);
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Remove_product_in_cart",
                data: "{id:'" + id + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var data = response.d;
                    //alert(data);                    
                },
                failure: function (msg) {
                    alert(msg);
                }
            });
        });
        
    }

    function Xuligiohang() {
        // Xử lí tất cả các nút mua trong sản phẩm
        
        $('.button_mua').unbind().click(function () {
            var parent = $(this);
            var id;
            var src_img;
            var name;
            var cost;
            var p = parent.parents('.product');
            if (p.length > 0) {
                id = p.find('#masp').html();
                src_img = p.find('.image_product').attr('src');
                name = p.find('.name').html();
                cost = p.find('.cost').html();
            }
            else {
                p.length = null;
                p = parent.parents('.product_item');
                if (p.length > 0) {
                    id = p.find('#masp').html();
                    src_img = p.find('img').attr('src');
                    name = p.find('.name').html();
                    cost = p.find('.cost').html();
                }
                else {
                    p = parent.parents('#Details_product');
                    if (p.length > 0) {
                        id = p.find('#Name_product .id').html();
                        src_img = p.find('#img_hinhsp').attr('src');
                        name = p.find('#Name_product .name').html();
                        cost = p.find('#text_cost').html();

                    }
                }
            }
            // Ajax gửi id sản phẩm và số lượng lên sever để setup giỏ hàng
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Creat_Cart",
                data: "{masp:'" + id + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var data = response.d;
                    //alert(data);
                },
                failure: function (msg) {
                    alert(msg);
                }
            });
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Check_User",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,
                success: function (response) {
                    var data = response.d;                    
                    Xuli_btnSua();
                    Xuli_btnXoa();
                    if (data != null) {
                        count++;
                        $('#Username').html(data);
                        $('#User').slideDown();
                        $('#bag_cart').unbind().stop().slideDown(function () {
                            $('#bag_cart').delay(2000).slideUp();
                        });
                        $('#lb_total').html(count);
                        
                        append(id, src_img, name, cost);
                        Xuli_btnSua();
                        Xuli_btnXoa();
                    }
                    else {
                        xuli_login();
                        $('html,body').stop().animate({ scrollTop: 0 }, '600', 'swing');
                    }
                },
                failure: function (msg) {
                    alert(msg);
                }
            });


        });
    }
    Xuligiohang();

    

    $('#Cart').hover(function () {
        if (count != 0) {
            $('#bag_cart').stop().slideDown();
        }
    }, function () {
        $('#bag_cart').stop().slideUp();
    });

    $('#Cart').click(function () {
        var count =$('#lb_total').html();
        if (count > 0) {
            $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
            $('#Content_About').stop().fadeOut(50, function () {
                $('#List_Hot_Product').stop().fadeOut(50, function () {
                    $('#Login').stop().fadeOut(50, function () {
                        $('#Register').stop().fadeOut(50, function () {
                            $('#Details_product').stop().fadeOut(50, function () {
                                $('#List_New_Product').stop().fadeOut(50, function () {
                                    $('#Cart_content').stop().slideDown();
                                });
                            });
                        });
                    });
                });
            });
        }
    });

    /* End Giỏ Hàng */

    /* Đăng nhập */

    // Xử lí đăng nhập
    $('#btn_dangnhap').on("submit click",function () {
        $('#form1').submit(function (e) {
            e.preventDefault();
        });
        var id = $('#txt_tendangnhap').val();
        var pass = $('#txt_matkhau').val();

        if ($("#txt_tendangnhap").valid() == true && $("#txt_matkhau").valid() == true) {
            if (id != "" && pass != "") {
                $.ajax({
                    type: "POST",
                    url: "WebService.asmx/DangNhap",
                    data: "{ id: '" + id + "', pass: '" + pass + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        var data = response.d;
                        if (data == 1) {
                            $('#Username').html(id);
                            $('#User').slideDown();
                            switch (state_page) {
                                case "product":
                                    xuli_product();
                                    break;
                                case "about":
                                    xuli_about();
                                    break;
                                case "contract":
                                    xuli_contact();
                                    break;
                                case "detail":
                                    break;
                                case "type":
                                    $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                                    getproduct_categori(code);
                                    break;
                                default:
                                    xuli_home();
                                    break;
                            }
                            $('input:text').val("");
                            $('input:password').val("");
                            $('#Login .notice_dn').html("");
                        }
                        else {
                            $('#Login .notice_dn').html("Thông tin tài khoản chưa đúng");
                        }
                    },
                    failure: function (msg) {
                        alert(msg);
                    }
                });
            }
        }
        
    });
    /* End Đăng nhập*/
    // Xử lí hiện nút đăng xuất
    $('#btn_down').click(function () {
        $('#Logout').stop().slideDown(function () {
            $('#Logout').delay(3000).slideUp();
        });
    });

    // Xử lí đăng xuất
    $('#Logout').click(function () {
        $('#bag_cart .table_cart').html("");
        $('#bag_cart .total_num').html("");
        $('#lb_total').html("");
        $('#Cart_content .tab_your_cart').html("");
        count = 0;
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Del_User",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var data = response.d;
                if (data == true) {
                    $('#Logout').stop().slideUp(function () {
                        $('#User').slideUp();
                    });

                }
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    });

    // hover vào tên user
    $('#User').hover(function () {
        $(this).stop().animate({ "marginLeft": "-25px" });
    }, function () {
        $(this).stop().animate({ "marginLeft": "5px" });
    });

    $('#link_dangki').click(function () {
        view_register();
    });

    /* End Đăng nhập*/
    /* Phân Trang */
    function PhanTrang(arrange) {
        var index_page = 1;
        var pageCount;
        $(window).unbind("scroll");
        $(window).bind("scroll", function () {
            effect_col_left_right();
        });
        $(window).scroll(function () {
            var $top = $(window).scrollTop();
            if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                
                if (state_page == "product")
                { PhanTrangFb("GetCustomers", ""); }
                else if (state_page == "type")
                { PhanTrangFb("GetCustomers_Cate", code); }
            }
            else {
                if ($top < 100) {
                    
                }
            }
        });
        function PhanTrangFb(mt, tl) {
            index_page++;
            var method = mt;
            var tenloai = tl;

            pageIndex = index_page;

            var data = "{'pageIndex':'" + pageIndex + "','arrange':'" + arrange + "'}";
            if (method == "GetCustomers_Cate") {
                data = "{'pageIndex':'" + pageIndex + "', 'tenloai':'" + tenloai + "', 'arrange':'" + arrange + "'}";
            }
            if (pageIndex == 2 || pageIndex <= pageCount) {
                $("#loading").fadeIn(600);
                $.ajax({
                    type: "POST",
                    url: "WebService.asmx/" + method,
                    data: data,
                    cache: false,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: OnSuccess,
                    failure: function (response) {
                        alert(response.d);
                    },
                    error: function (response) {
                        alert(response.d);
                    }
                });
            }

            function OnSuccess(response) {
                var json = response.d;
                var a = JSON.parse(json);
                pageCount = parseInt(a["PageCount"][0].PageCount);
                set_html_product(a["SanPham"]);
                $("#loading").hide();

                Xuligiohang();
                set_html_details();
            }
        }
    }
    /* End phân trang */

    /* Đăng kí*/
    var tenkh ;
    var ten_user ;
    var pass ;
    var mail;
    var diachi;
    var sdt ;
    var gioitinh;
    var level_security = 1;// cấp độ bảo mật
    var length_string;// chiều dài của pass
    var check_exist_user;//kiểm tra tồn tại của user
    var check_exist_mail;//kiểm tra tồn tại của mail
    var confirm_pass;//kiểm tra pass word giống nhau không
    function clear_input() {
        $('input:text').val("");
        $('input:password').val("");
        $('#txt_sodienthoai').val("");
        $('#txt_diachi').val("");
        $('#txt_email').val("");
    }

    $('input[name=gioitinh]').click(function () {
        gioitinh = $('input[name=gioitinh]:checked').val();

    });
    $('#btn_dangki').on("submit click", function () {
        $('#form1').submit(function (e) {
            e.preventDefault();
        });
        $('#Register .notice_dk').html("");
        tenkh = $('#txt_hoten').val();
        ten_user = $('#txt_user').val();
        pass = $('#txt_pass').val();
        mail = $('#txt_email').val();
        diachi = $('#txt_diachi').val();
        sdt = $('#txt_sodienthoai').val();
        $('#form1').validate();
        if ($("#txt_hoten").valid() == true && $("#txt_user").valid() == true && $("#txt_pass").valid() == true && $("#txt_checkpass").valid() == true && $("#txt_email").valid() == true && $("#txt_diachi").valid() == true && $("#txt_sodienthoai").valid() == true) {
            if (level_security == 4 && check_exist_user == false && check_exist_mail == false && confirm_pass == true) {
                $.ajax({
                    type: "POST",
                    url: "WebService.asmx/DangKi",
                    data: "{tenkh: '" + tenkh + "', ten_user: '" + ten_user + "',pass:'" + pass + "',mail:'" + mail + "',gioitinh:'" + gioitinh + "',diachi:'" + diachi + "',sdt:'" + sdt + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        var data = response.d;
                        if (data == 2) {
                            $('#Username').html(ten_user);
                            $('#User').slideDown();
                            $('#Register .notice_dk').html("Chúc mừng bạn đăng kí thành công ^^!..");
                            $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                            $('#notice_check_user').html("");
                            $('#notice_check_mail').html("");
                            $('#level_pass').html('');
                            clear_input();
                            level_security = 1;
                        }
                        else {
                            if (data == 3) {
                                $('#Register .notice_dk').html("Lỗi hê thống");
                                $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                                $('#notice_check_user').html("");
                                $('#notice_check_mail').html("");
                                $('#level_pass').html('');
                                clear_input();
                            }
                        }
                    },
                    failure: function (msg) {
                        alert(msg);
                    }
                });
            }
            else {
                if (level_security != 4) {
                    $('#Register .notice_dk').html("Mật khẩu chưa đủ độ bảo mật");
                    $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                }
                if (check_exist_user == true) {
                    $('#Register .notice_dk').html("Không thấy user đang tồn tại hả ?");
                    $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                }
                if (check_exist_mail == true) {
                    $('#Register .notice_dk').html("Không thấy email đang tồn tại hả ?");
                    $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                }
                if (confirm_pass == false) {
                    $('#Register .notice_dk').html("Password xác nhận chưa đúng kìa cha!");
                    $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
                }
            }
        }
        else {
            $('#Register .notice_dk').html("Vui lòng kiểm tra lại thông tin sai sót!");
            $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
        }
        
        
    });

    // Kiểm tra tên đăng nhập đã tồn tại hay chưa
    $('#txt_user').on("keyup", function () {
        ten_user = $('#txt_user').val();
        if (ten_user.length > 7) {
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Check_TenDangNhap",
                data: "{username: '" + ten_user + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var data = response.d;
                    if (data == 1) {
                        $('#notice_check_user').html("Tên đăng nhập đã tồn tại");
                        check_exist_user = true;
                    }
                    else {
                        check_exist_user = false;
                        $('#notice_check_user').html("Tên đăng nhập chưa được sử dụng");
                    }
                },
                failure: function (msg) {
                    alert(msg);
                }
            });
        }
        else {
            $('#notice_check_user').html("Tên đăng nhập phải nhiều hơn 8 kí tự");
        }
        
    });

    // Kiểm tra Email đã tồn tại hay chưa
    $('#txt_email').on("keyup", function () {
        mail = $('#txt_email').val();
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Check_Email",
            data: "{mail: '" + mail + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var data = response.d;
                if (data == 1) {
                    $('#notice_check_mail').html("Email đã được sử dụng");
                    check_exist_mail = true;
                }
                else {
                    check_exist_mail = false;
                    $('#notice_check_mail').html("Email chưa được sử dụng");
                }
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    });
    //Kiểm tra độ khó của password
    $('#txt_pass').on("keyup", function () {
        pass = $(this).val();
        length_string = pass.length;
        var ascii;
        level_security = 1;
        var check_kitudb=0;//kiểm tra kí tự đặc biêt
        var check_chuso=0;// kiểm tra kí tự số
        var check_chuinhoa=0;// kiểm tra chữ in hoa
        for (var i = 0; i < length_string ; i++) {
            ascii=pass.charCodeAt(i);
            if (ascii >= 33 && ascii <= 47 || ascii == 64 || ascii == 126) {
                check_kitudb = 1;
            }
            if (ascii >= 48 && ascii <= 57) {
                check_chuso=1;
            }
            if (ascii >= 65 && ascii <= 90) {
                check_chuinhoa=1;
            }
        }
        level_security += check_chuinhoa + check_chuso + check_kitudb;
        switch (level_security) {
            case 1:
                $('#level_pass').html('<img src="../Resource/Images/Icon control/level_1.png" />');
                break;
            case 2:
                $('#level_pass').html('<img src="../Resource/Images/Icon control/level_2.png" />');
                break;
            case 3:
                $('#level_pass').html('<img src="../Resource/Images/Icon control/level_3.png" />');
                break;
            case 4:
                $('#level_pass').html('<img src="../Resource/Images/Icon control/level_4.png" />');
                break;
            default:
                $('#level_pass').html('<img src="../Resource/Images/Icon control/level_4.png" />');
                break;
        }
    });

    $('#txt_checkpass').on("keyup", function () {
        if ($(this).val() != $('#txt_pass').val()) {
            confirm_pass = false;
            $('#notice_confirm_pass').html('Password xác nhận chưa đúng.');
        }
        else {
            $('#notice_confirm_pass').html('Xác nhận thành công');
        }
    });
    /* End Đăng kí*/

    /* Tìm kiếm cơ bản*/

    function set_html_product_search(products) {
        /* Gán giá trị html vào sản phẩm liên quan và sản phẩm hot trong details*/
        $('#Product_Suggests').empty();
        $.each(products, function (index, product) {
            $('#Product_Suggests').append('<div class="tr_search"><div id="Ma_sp">'+product.Masp+'</div> <div class="td_search"><img alt="" src="../Resource/ImageProducts/'+product.Tenloai+'/'+product.Hinhsp
                +'" /></div><div class="td_search">'+product.Tensp+'</div></div>');
        });
    }

    // Get data từ id
    function Get_Details_From_ID(id) {
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Get_Product_From_ID",
            data: "{id: '" + id + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var data = response.d;
                data[0].Hinhsp = "../Resource/ImageProducts/" + data[0].Tenloai + "/" + data[0].Hinhsp;
                set_value_product_item(data[0].Masp, data[0].Tensp, data[0].Hinhsp, data[0].Tenloai, data[0].Mota, data[0].Tencl, data[0].Tenncc, data[0].Solanxem, data[0].Ngaycapnhat, data[0].Dongia);
                $('html,body').stop().animate({ scrollTop: 300 }, '600', 'swing');
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    //Click vào một sản phẩm trong mục gợi í sản phẩm
    function Call_suggest() {
        $('#Product_Suggests .tr_search').click(function () {
            var id = $(this).find('#Ma_sp').html();
            Get_Details_From_ID(id);
            state_page = "detail";
            code = id;
        });
    }

    // Xử lí khi người dùng nhập từ khoá tìm kiếm
    $('#txt_search').on("keyup", function () {
        var text_search = $(this).val();
        $('#Product_Suggests').empty();
        if (text_search.length > 0) {
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Product_Search",
                data: "{text: '" + text_search + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var data = response.d;
                    set_html_product_search(data);
                    $('#Product_Suggests').slideDown();
                    Call_suggest();
                },
                failure: function (msg) {
                    alert(msg);
                }
            });
        }
        else {
            $('#Product_Suggests').slideUp();
        }
    })

    // Thu dọn khi người dùng không tìm kiếm nữa
    $('#txt_search').change(function () {
        $('#Product_Suggests').slideUp();
    });   
    
    $('#imgbtn_search').click(function () {
        var keywword = $('#txt_search').val();
        $('#List_Hot_Product').empty();
        show_list_hot_product();
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Product_Search",
            data: "{text: '" + keywword + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var data = response.d;                
                set_html_product(data);
                Xuligiohang();
                set_html_details();
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    });
    /* End Tìm kiếm cơ bản*/

    /* Comment*/

    function set_html_comment(products) {
        /* Gán giá trị html comment của khách hàng trong chi tiết sản phẩm*/
        $('#Show_comment').empty();
        $.each(products, function (index, product) {
            $('#Show_comment').append('<div class="comment_of_client"><div class="text_comment">' + product.Comment
                +'</div><div class="name_and_like"><span id="Name_kh">'+product.Tenkh
                +'</span> <span id="Like"></span></div></div>');
        });
    }

    // Hàm load comment đã duyệt
    function Load_Comment(id) {
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Load_Comment",
            data: "{masp: '" + id + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                var data = response.d;
                set_html_comment(data); 
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }

    $('#btn_submit_comment').on("submit click", function () {
        var id = $(this).parents('#Details_product').find('#id').html();
        var namekh = $('#Name_client').val();
        var emailkh = $('#Email_client').val();
        var comment = $('#Area_comment').val();
        $('#form1').submit(function (e) {    
            e.preventDefault();            
        });
        
        if ($("#Name_client").valid() == true && $("#Email_client").valid() == true) {
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Comment",
                data: "{masp: '" + code + "',name: '" + namekh + "',email: '" + emailkh + "',comment: '" + comment + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var data = response.d;
                    if (data == true) {
                        $('#Box_notice').stop().slideDown(500, function () {
                            $(this).delay(2000).slideUp();
                            
                        });
                        $('#Box_notice').html('Bạn đã gửi thành công ! Comment của bạn sẽ được đăng lên sau 24h');
                    }
                    else {
                        $('#Box_notice').stop().slideDown(500, function () {
                            $(this).delay(2000).slideUp();
                        });
                        $('#Box_notice').html('Xin lỗi, gửi không thành công !');
                    }
                },
                failure: function (msg) {
                    alert(msg);
                }
            });
        }
        else {
          
        }
    });
    /* End Comment*/

    /*Sắp xếp*/

    // Hàm sắp xếp tăng dần
    //function sapxep_tangdan(path) {
    //    var count_product=$('#' + path + ' .product').size();
    //    for (var i = 1; i < count_product -1 ; i++) {
    //        for (var j = i + 1; j < count_product; j++) {
    //            var a=$('#' + path + ' .product:nth-child('+i+')').find('.cost').html();
    //            var b = $('#' + path + ' .product:nth-child(' + j + ')').find('.cost').html();
    //            parseFloat(a);
    //            parseFloat(b);
    //            if (a > b) {
    //                var pos_a = $('#' + path + ' .product:nth-child(' + i + ')').offset();
    //                var pos_b = $('#' + path + ' .product:nth-child(' + j + ')').offset();
    //                $('#' + path + ' .product:nth-child(' + i + ')').stop().animate({ 'top': pos_b.top + 'px', 'left': pos_b.left + 'px' });
    //                $('#' + path + ' .product:nth-child(' + j + ')').stop().animate({ 'top': pos_a.top + 'px', 'left': pos_a.left + 'px' });
    //            }
    //        }
    //    }
    //}

    // Hàm sắp xếp tăng dần
    //function sapxep_giamdan(path) {
    //    var count_product = $('#' + path + ' .product').size();
    //    for (var i = 1; i < count_product - 1 ; i++) {
    //        for (var j = i + 1; j < count_product; j++) {
    //            var a = $('#' + path + ' .product:nth-child(' + i + ')').find('.cost').html();
    //            var b = $('#' + path + ' .product:nth-child(' + j + ')').find('.cost').html();
    //            if (a < b) {
    //                var pos_a = $('#' + path + ' .product:nth-child(' + i + ')').position();
    //                var pos_b = $('#' + path + ' .product:nth-child(' + j + ')').position();
    //                $('#' + path + ' .product:nth-child(' + i + ')').animate({ 'top': pos_b.top + 'px', 'left': pos_b.left + 'px' });
    //                $('#' + path + ' .product:nth-child(' + j + ')').animate({ 'top': pos_a.top + 'px', 'left': pos_a.left + 'px' });
    //            }
    //        }
    //    }
    //}
    function arrange() {
        $('#txt_arrange').change(function () {
            var arrange_value = $(this).val();
            $('#List_Hot_Product').empty();
            if (state_page == "product") {

                if (arrange_value == "Tăng Dần") {
                    get_hotproduct("List_Hot_Product", 0, "ASC");
                    PhanTrang("ASC");
                }
                else {
                    get_hotproduct("List_Hot_Product", 0, "DESC");
                    PhanTrang("DESC");
                }
            }
            else {
                if (state_page == "type") {
                    if (arrange_value == "Tăng Dần") {
                        get_categori("List_product_categori", code, "ASC");
                        PhanTrang("ASC");
                    }
                    else {
                        get_categori("List_product_categori", code, "DESC");
                        PhanTrang("DESC");
                    }
                }
            }

        });
    }
    arrange();
    
    /*End Sắp xếp*/
});